<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>设置-社区化校园电子报刊平台</title>
        <meta name="description" content="社区化校园电子报刊平台是服务于西北工业大学师生的学院报纸的互联网阅读平台">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body id="setting">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        
        <header class="top">
            <nav>
                <ul class="site-nav">
                    <li><a href="index.html">主页</a></li>
                    <li><a href="paper.html">电子报</a></li>
                    <li><a href="voice.html">心声</a></li>
                    <li><a href="survey.html">民调</a></li>
                    <li><a href="person.html">人物</a></li>
                    <li><a href="tag.html">标签</a></li>
                </ul>
                <ul class="user-panel">
                    <li><a class="user-photo" href="user-center.html" title="photo of member"></a></li>
                    <li>
                        <a href="user-home.html">昵称</a>
                        <ul class="user-home">
                            <li><a href="user-home.html">个人主页</a></li>
                            <li><a href="setting.html">设置</a></li>
                            <li><a href="index.html">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </header>
        <section class="main clearfix">
            <section class="content">
                <section class="setting">                   
					<nav class="set-nav clearfix">
						<ul class="set-nav-list">
							<li class="set-selected">
								<a href="">个人资料</a>
								<span class="top-arrow">▲</span>
							</li>
							<li>
								<a href="javascript:void(0)">主页设置</a>
								<span class="top-arrow">▲</span>
							</li>
							<li>
								<a href="javascript:void(0)">修改密码</a>
								<span class="top-arrow">▲</span>
							</li>
							<li>
								<a href="javascript:void(0)">访问权限</a>
								<span class="top-arrow">▲</span>
							</li>
						</ul>
					</nav>
                    <section class="set-panel">                        
                        <section class="edit-data">
                            <feildset>
                                <form action="a.action">                                        
                                    <div class="clearfix">
                                        <label for="photo">头像:</label>
                                        <img class="user-photo" src="img/daisy.jpg" alt="用户头像" />
                                        <a class="change-btn" href="javascript:void(0);">
                                            <span><em>↑</em>修改头像</span> 
                                            <input id="photo" class="filePrew" title="支持jpg、jpeg、gif、png格式，文件小于5M" tabindex="3" name="pic" size="3" type="file">
                                        </a>
                                    </div>
                                    <div>
                                        <label for="name">昵称:</label>
                                        <input type="text" id="name" placeholder="昵称" value="希-若愚" />
                                    </div>
                                    <div>
                                        <label for="account">账号:</label>
                                        <span>200930****</span>
                                    </div>
                                    <div>
                                        <label for="gender">性别:</label>
                                        <input type="radio" name="sex" />男
                                        <input type="radio" name="sex" selected="selected" />女
                                    </div>
                                    <div>
                                        <label for="college">学院:</label>
                                        <input type="text" id="college" placeholder="所在学院名称" value="软件与微电子学院" />
                                    </div>
                                    <div>
                                        <label for="birthday">生日:</label>
                                        <input type="text" id="birthday" placeholder="YYYY-MM-DD" title="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" value="1989-11-02" />
                                    </div>                                    
                                    <input type="submit" class="sub-btn" value="保存" />
                                </form>
                            </feildset>
                        </section>                        
                        <section class="home-set">
                            <feildset>
                                <form action="b.action">
                                    <div>
                                        <label for="home-title">主页名称:</label>  
                                        <input type="text" id="home-title" value="希尔的天空" />
                                    </div>
                                    <div>
                                        <label for="introduce">个人说明:</label>
                                        <textarea id="introduce">Love & You </textarea>
                                    </div>
                                    <input type="submit" class="sub-btn" value="保存" />
                                </form>
                            </feildset>                            
                        </section>
                        <section class="change-pwd">
                            <feildset>
                                <form action="c.action">
                                    <div>
                                        <label for="old-pwd">就密码:</label>
                                        <input id="old-pwd" type="password" placeholder="旧密码">
                                    </div>
                                    <div>
                                        <label for="new-pwd">新密码:</label>
                                        <input id="new-pwd" type="password" placeholder="新密码">
                                    </div>
                                    <div>
                                        <label for="confirm-pwd">确认新密码:</label>
                                        <input id="confirm-pwd" type="password" placeholder="确认密码">
                                    </div>
                                    <div>
                                        <label for="reg-email">注册邮箱:</label>
                                        <input id="reg-email" type="text" value="daisy@gmail.com" title="aaaa@hostname.com" pattern="[a-zA-Z]([A-Za-z0-9]*[-_]?[A-Za-z0-9]+)*@([A-Za-z0-9]*[-_]?[A-Za-z0-9]+)+[\.][A-Za-z]{2,3}([\.][A-Za-z]{2})?" placeholder="修改注册邮箱地址" />
                                    </div>
                                    <input type="submit" class="sub-btn" value="保存" />
                                </form>
                            </feildset>                            
                        </section>
                        <section class="limit-visit">
                            <feildset>
                                <form action="c.action">
                                    
                                    <input type="submit" class="sub-btn" value="保存" />
                                </form>
                            </feildset>
                        </section>
                    </section>
                </section>
            </section><!-- end of content -->
            <aside class="sidebar">
                <section class="user-info  clearfix">
                    <img src="img/member/1.jpg" alt="Photo of user">
                    <span class="user-name">昵称</span>
                    <ul class="base-info">
                        <li>22岁</li>
                        <li>女</li>
                        <li>四川达州人</li>
                    </ul>
                    <ul class="campus-info">
                        <li>本科</li>
                        <li>2009级</li>
                        <li>软件与微电子学院</li>
                    </ul>
                </section><!-- end of user-info -->
                <ul class="ent-list clearfix">
                    <li class="ent-item"><a href="edit.html" target="_blank"><span>发表文章</span></a></li>
                    <li class="ent-item"><a href="voice.html" target="_blank"><span>发布心声</span></a></li>
                    <li class="ent-item"><a href="setting.html" target="_blank"><span>设置</span></a></li>
                </ul><!--end of ent-list-->                
            </aside>
        </section>
        <footer>
            <ul class="site-nav">
                <li><a href="index.html">主页</a></li>
                <li><a href="papar.html">电子报</a></li>
                <li><a href="voice.html">心声</a></li>
                <li><a href="survey.html">民调</a></li>
                <li><a href="person.html">人物</a></li>
                <li><a href="tag.html">标签</a></li>
            </ul>
            <section id="copyright">
                <p>Copyright &copy; 2013 by <a href="http://www.cnblogs.com/deng303359">Daisy Teng</a>&amp;<a href="http://iamhaixi.cn">Haixi Zhang</a></p>                
            </section>
        </footer>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src='//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
